<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%@include file="../../common.jsp"%>
<link rel="stylesheet" href="${staticPath}/css/pub.css" />
<title>商品分类</title>
<style type="text/css">
.weui_grid_label{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
</style>
</head>
<body>
	<header class="OldHeader" >
		<div class="OHeader">
			<h1>${thisClass.name}商品分类</h1>
			<div class="OHeadBack">
				<a href="javascript:history.go(-1);" ><img src="${staticPath}/images/back.png" style="margin: auto;"></a>
			</div>
		</div>
	</header>
	<div class="weui_grids" >
	 <c:forEach items="${childrenList}" var="childClass">
		  <a href="<%=appPath%>/goods/findPageResult.html?goodsClassId=${childClass.id}&goodsState=3" class="weui_grid js_grid" data-id="button">
		    <div>
		      <img src="${childClass.image}" alt="">
		    </div>
		    <%--
		    <p class="weui_grid_label">
		      ${childClass.name}
		    </p>
		     --%>
		  </a>
	 </c:forEach>
	</div>
	
	<div id="space_footer_div"></div>
	<div class="weui_tabbar"  id="footer_div" style="position: fixed;bottom: 0;">
		<a href="<%=appPath%>/index.html" class="weui_tabbar_item">
			<div class="weui_tabbar_icon">
				<img src="${staticPath}/images/home.png" alt="">
			</div>
			<p class="weui_tabbar_label">首页</p>
		</a> 
		<a href="<%=appPath%>/goodsClass/index.html" id="category_link" class="weui_tabbar_item ">
			<div class="weui_tabbar_icon">
				<img src="${staticPath}/images/sort.png" alt="">
			</div>
			<p class="weui_tabbar_label">分类</p>
		</a> 
		<a href="<%=appPath%>/cart/list.html"  id="cart_link" class="weui_tabbar_item cart">
			<div class="weui_tabbar_icon">
				<img src="${staticPath}/images/shop.png" alt="">
			</div>
			<p class="weui_tabbar_label">购物车</p>
		</a> 
		<a href="javascript:gotoHtml('/center/center.html');" id="mine_link" class="weui_tabbar_item">
			<div class="weui_tabbar_icon">
				<img src="${staticPath}/images/main2.png" alt="">
			</div>
			<p class="weui_tabbar_label">我的</p>
		</a> 
		<a  href="javascript:kefu();" class="weui_tabbar_item">
			<div class="weui_tabbar_icon">
				<img src="${staticPath}/images/service.png" alt="">
			</div>
			<p class="weui_tabbar_label">客服</p>
		</a>
	</div>
</body>
</html>